<template>
  <CardList :dataList="danceList"></CardList>
</template>

<script setup lang="ts">
import CardList from '../CardList/index.vue';
import {onMounted, ref} from 'vue'

import {ElMessage} from "element-plus";

import DanceListApi from '@/api/rescources/DanceList';
const activeName = ref('first')
const pageSize = ref(20);
const pageNum = ref(0);
const column = ref<any>('specialTopic');
const danceList = ref<any>([])


const getSpecialList = async ()  => {
  try {
    const result = await DanceListApi.getSpecialTopicList("5858c60a-7a7c-4593-869e-3019e126c4f2",pageSize.value,pageNum.value,column.value)
    console.log('444',result.content)
    danceList.value = result.content
  } catch (error) {
    console.error(error);
    ElMessage.error('获取舞蹈列表数据失败')
  }
};

onMounted(() => {
  getSpecialList();

})
</script>

<style scoped>

</style>
